﻿<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords"
          content="candidates, career, employment, freelance, glassdoor, Human Resource Management, indeed, job board, job listing, job portal, job postings, jobs, listings, recruitment, resume">
    <meta name="CreativeLayers" content="ATFN">
    <!-- css file -->
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/menu.css">
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" type="text/css" href="/css/verify.css">
    <!-- Responsive stylesheet -->
    <link rel="stylesheet" href="/css/responsive.css">
    <!-- Title -->
    <title>未来是你的 - The Future Is Yours 一个能让你找到满意的工作的网站</title>
    <!-- Favicon -->
    <link href="/images/favicon.ico" sizes="128x128" rel="shortcut icon" type="image/x-icon"/>
    <link href="/images/favicon.ico" sizes="128x128" rel="shortcut icon"/>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <script type="text/javascript" src="/js/jquery-3.2.1.js"/>
    <![endif]-->
    <script type="text/javascript">

        function validateUsername(e) {
            if ($(e).val() == "") {
                alert("用户名不能为空");
                $(e).css("border-color", "red");
            } else {
                $(e).css("border-color", "#ced4da");
            }
        }

        function validateEmail(e) {
            //Email正则
            var ePattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
            if (!ePattern.test($(e).val())) {
                alert("请输入正确的邮箱格式");
                $(e).css("border-color", "red");
                $(e).val("");
            } else {
                $(e).css("border-color", "#ced4da");
            }
        }

        function validatePhone(e) {
            //手机号正则
            var mPattern = /^1[3456789]\d{9}$/;
            if (!mPattern.test($(e).val())) {
                alert("请输入正确的手机号码");
                $(e).css("border-color", "red");
                $(e).val("");
                return false;
            } else {
                $(e).css("border-color", "#ced4da");
                return true;
            }
        }

        function validatePassword(e) {
            //只能输入6-20个字母、数字、下划线
            var pPattern = /^(\w){6,18}$/;
            if (!pPattern.test($(e).val())) {
                alert("请输入输入6-18个字母、数字、下划线");
                $(e).css("border-color", "red");
                $(e).val("");
            } else {
                $(e).css("border-color", "#ced4da");
            }
        }

        // #register-form
        function registerUser() {

            console.log($("#exampleCheck2").prop("checked"));
            if ($("#exampleCheck2").prop("checked") == true) {
                $.post("/user/register", $("#register-form").serialize(), function (data) {
                    // console.log(data);
                    if (data == '注册成功') {
                        alert(data);
                        setTimeout("window.location.href='/user/toLoginPage'", 2000);
                    } else {
                        alert(data);
                    }
                })
            } else {
                alert("请确认您接受条款和条件及隐私政策");
            }
        }
    </script>
</head>
<body>

<div class="wrapper">
    <div class="preloader"></div>

    <!-- Main Header Nav -->
    <header class="header-nav menu_style_home_one navbar-scrolltofixed stricky main-menu">
        <div class="container">
            <!-- Ace Responsive Menu -->
            <nav>
                <!-- Menu Toggle btn-->
                <div class="menu-toggle">
                    <img class="nav_logo_img img-fluid" src="/images/header-logo.png" alt="header-logo.png">
                    <button type="button" id="menu-btn">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <a href="/user/index" class="navbar_brand float-left dn-smd">
                    <img class="img-fluid" src="/images/header-logo.png" alt="header-logo.png">
                </a>
                <!-- Responsive Menu Structure-->
                <!--Note: declare the Menu style in the data-menu-style="horizontal" (options: horizontal, vertical, accordion) -->
                <ul id="respMenu" class="ace-responsive-menu" data-menu-style="horizontal">
                    <li>
                        <a href="/user/index"><span class="title">首页</span></a>
                    </li>
                    <li>
                        <a href="/position/searchPosition"><span class="title">职位</span></a>
                    </li>
                    <li class="last">
                        <a th:if="${session.user==null}" href="/user/toLoginPage"><span class="title">我要找工作</span></a>
                    </li>
                    <li class="last">
                        <a th:if="${session.company==null}" href="/company/toLoginPage"><span class="title">我要招聘</span></a>
                    </li>
                </ul>
                <ul class="sign_up_btn pull-right dn-smd mt10" th:if="${session.user==null}">
                    <li><a href="#" class="btn btn-md" data-toggle="modal" data-target="#exampleModalCenter"
                           style="font-family: 宋体">登<span class="dn-md">录</span>/注<span class="dn-md">册</span></a></li>
                </ul><!-- Button trigger modal -->
                <!--                登录成功之后的个人栏目-->
                <ul class="header_user_notif pull-right dn-smd" th:if="${session.user!=null}">
                    <li class="user_notif">
                    </li>
                    <li class="user_setting">
                        <div class="dropdown">
                            <a class="btn dropdown-toggle" href="#" data-toggle="dropdown"><img class="rounded-circle"
                                                                                                src="/images/team/e1.png"
                                                                                                alt="e1.png"> <span
                                    class="pl15 pr15" th:text="${session.user}!=null?${session.user.username}:''">CreativeLayers</span></a>
                            <div class="dropdown-menu">
                                <div class="user_set_header">
                                    <p th:text="'你好,   '+${session.user.username}">Hi, CreativeLayers </p>
                                </div>
                                <div class="user_setting_content">
                                    <a class="dropdown-item" href="/user/toUserProfile"><span
                                            class="flaticon-profile"></span> 个人中心</a>
                                    <a class="dropdown-item" href="/user/toUserJobManage"><span
                                            class="flaticon-paper-plane"></span> 管理工作</a>
                                    <a class="dropdown-item" href="/user/toUserResume"><span
                                            class="flaticon-analysis"></span> 完善简历</a>
                                    <a class="dropdown-item" href="/user/toChangePassword"><span
                                            class="flaticon-locked"></span> 修改密码</a>
                                    <a class="dropdown-item" href="/user/logout"><span class="flaticon-logout"></span>
                                        退出登录</a>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </nav>
        </div>
    </header>
    <!-- Modal -->
    <div class="sign_up_modal modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                </div>
                <ul class="sign_up_tab nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab"
                           aria-controls="home" aria-selected="true">登录</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab"
                           aria-controls="profile" aria-selected="false">注册</a>
                    </li>
                </ul>
                <div class="tab-content" id="myTabContent">
                    <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                        <div class="login_form">
                            <div class="heading">
                                <h3 class="text-center">快速登录</h3>
                            </div>

                            <div class="tab-content" id="pills-tabContent">
                                <div class="tab-pane fade show active" id="pills-home" role="tabpanel"
                                     aria-labelledby="pills-home-tab">
                                    <form id="login-form1">
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="exampleInputEmail1" name="email"
                                                   placeholder="电子邮箱" onblur="validateEmail(this)">
                                        </div>
                                        <div class="form-group">
                                            <input type="password" class="form-control" id="exampleInputPassword1"
                                                   name="password"
                                                   placeholder="密码">
                                        </div>
                                        <!--验证码-->
                                        <div class="mpanel3" style="margin-top: 20px">
                                        </div>
                                        <div class="form-group form-check">

                                        </div>
                                        <button type="button" class="btn btn-log btn-block btn-thm" id="check-btn2">登录
                                        </button>
                                        <hr>
                                        <div class="row mt40">
                                            <div class="col-lg">
                                            </div>
                                            <div class="col-lg">
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                        <div class="sign_up_form">
                            <div class="heading">
                                <h3 class="text-center">创建个人账户</h3>
                            </div>
                            <form id="register-form">
                                <div class="form-group">
                                    <input type="text" class="form-control" id="exampleInputName1" placeholder="用户名"
                                           name="username" onblur="validateUsername(this)" required="required">
                                </div>
                                <div class="form-group">
                                    <input type="text" class="form-control" id="exampleInputEmail2" placeholder="电子邮箱"
                                           name="email" onblur="validateEmail(this)" required="required">
                                </div>
                                <div class="form-group">
                                    <input type="text" class="form-control" id="exampleInputPhone1"
                                           placeholder="电话号码" name="phone" onblur="validatePhone(this)"
                                           required="required">
                                </div>
                                <div class="form-group">
                                    <label style="float:left;"></label>
                                    <input type="text" class="form-control" placeholder="6位数字验证码"
                                           style="width: 230px;float: left;" name="messageCode" required="required">
                                    <span class="msgs">获取短信验证码</span>
                                </div>
                                <div class="form-group">
                                    <input type="password" class="form-control" id="exampleInputPassword2"
                                           placeholder="密码" name="password" onblur="validatePassword(this)"
                                           required="required">
                                </div>
                                <div class="form-group form-check">
                                    <input type="checkbox" class="form-check-input" id="exampleCheck2"
                                           required="required">
                                    <label class="form-check-label" for="exampleCheck2">请确认您接受条款和条件及隐私政策 </label>
                                </div>
                                <button type="button" class="btn btn-log btn-block btn-dark" id="register-btn"
                                        onclick="registerUser()">注册
                                </button>
                                <hr>
                                <div class="row mt40">
                                    <div class="col-lg">
                                    </div>
                                    <div class="col-lg">
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Main Header Nav For Mobile -->
    <div id="page" class="stylehome1 h0">
        <div class="mobile-menu">
            <div class="header stylehome1">
                <img class="nav_logo_img img-fluid float-left mt25" src="/images/header-logo.png" alt="header-logo.png">
                <a class="bg-thm" href="#menu"><span></span></a>
            </div>
        </div><!-- /.mobile-menu -->
        <nav id="menu" class="stylehome1">
            <ul>
                <li><span>Home</span>
                    <ul>
                        <li><a href="/index.html">Home One</a></li>
                        <li><a href="/index2.html">Home Two</a></li>
                        <li><a href="/index3.html">Home Three</a></li>
                        <li><a href="/index4.html">Home Four</a></li>
                        <li><a href="/index5.html">Home Five</a></li>
                        <li><a href="/index6.html">Home Six</a></li>
                    </ul>
                </li>
                <li><span>Find A Job</span>
                    <ul>
                        <li><span>Job List</span>
                            <ul>
                                <li><a href="/page-job-list-v1.html">List V1</a></li>
                                <li><a href="/page-job-list-v2.html">List V2</a></li>
                                <li><a href="/page-job-list-v3.html">List V3</a></li>
                                <li><a href="/page-job-list-v4.html">List V4</a></li>
                                <li><a href="/page-job-list-v5.html">List V5</a></li>
                            </ul>
                        </li>
                        <li><span>Job Single</span>
                            <ul>
                                <li><a href="/page-job-single-v1.html">Single V1</a></li>
                                <li><a href="/page-job-single-v2.html">Single V2</a></li>
                                <li><a href="/page-job-single-v3.html">Single V3</a></li>
                                <li><a href="/page-job-single-v4.html">Single V4</a></li>
                                <li><a href="/page-job-single-v5.html">Single V5</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><span>Employer</span>
                    <ul>
                        <li><span>Employer List</span>
                            <ul>
                                <li><a href="/page-employer-list-v1.html">List V1</a></li>
                                <li><a href="/page-employer-list-v2.html">List V2</a></li>
                                <li><a href="/page-employer-list-v3.html">List V3</a></li>
                            </ul>
                        </li>
                        <li><span>Employer Single</span>
                            <ul>
                                <li><a href="/page-employer-single-v1.html">Single V1</a></li>
                                <li><a href="/page-employer-single-v2.html">Single V2</a></li>
                                <li><a href="/page-employer-single-v3.html">Single V3</a></li>
                            </ul>
                        </li>
                        <li><span>Employer Admin</span>
                            <ul>
                                <li><a href="/page-employer-dashboard.html">Dashboard</a></li>
                                <li><a href="/page-employer-profile.html">Profile</a></li>
                                <li><a href="/page-employer-post-job.html">Post Job</a></li>
                                <li><a href="/user/toUserJobManage">Manage Job</a></li>
                                <li><a href="/page-employer-resume.html">Resume</a></li>
                                <li><a href="/page-employer-packages.html">Packages</a></li>
                                <li><a href="/page-employer-transactions.html">Transactions</a></li>
                                <li><a href="/page-employer-change-password.html">Change Password</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><span>Candidates</span>
                    <ul>
                        <li><span>Candidates List</span>
                            <ul>
                                <li><a href="/page-candidates-list-v1.html">List V1</a></li>
                                <li><a href="/page-candidates-list-v2.html">List V2</a></li>
                                <li><a href="/page-candidates-list-v3.html">List V3</a></li>
                            </ul>
                        </li>
                        <li><span>Candidates Single</span>
                            <ul>
                                <li><a href="/page-candidates-single-v1.html">Single v1</a></li>
                                <li><a href="/page-candidates-single-v2.html">Single v2</a></li>
                                <li><a href="/page-candidates-single-v3.html">Single v3</a></li>
                            </ul>
                        </li>
                        <li><span>Candidates Admin</span>
                            <ul>
                                <li><a href="/page-candidates-dashboard.html">Dashboard</a></li>
                                <li><a href="/page-candidates-profile.html">Profile</a></li>
                                <li><a href="/page-candidates-my-resume.html">My Resume</a></li>
                                <li><a href="/page-candidates-applied-jobs.html">Applied Jobs</a></li>
                                <li><a href="/page-candidates-cv-manager.html">Cv Manager</a></li>
                                <li><a href="/page-candidates-favourite-jobs.html">Favourite Jobs</a></li>
                                <li><a href="/page-candidates-message.html">Message</a></li>
                                <li><a href="/page-candidates-review.html">Review</a></li>
                                <li><a href="/page-candidates-job-alert.html">Job Alert</a></li>
                                <li><a href="/page-candidates-change-password.html">Change Password</a></li>
                            </ul>
                        </li>

                    </ul>
                </li>
                <li><span>Pages</span>
                    <ul>
                        <li><a href="/page-about.html">About</a></li>
                        <li><span>Blog</span>
                            <ul>
                                <li><a href="/page-blog-v1.html">Page Blog v1</a></li>
                                <li><a href="/page-blog-grid.html">Blog Grid</a></li>
                                <li><a href="/page-blog-list.html">Blog List</a></li>
                                <li><a href="/page-blog-single.html">Blog Single</a></li>
                            </ul>
                        </li>
                        <li><a href="/page-contact.html">Contact Us</a></li>
                        <li><a href="/page-error.html">404</a></li>
                        <li><a href="/page-faq.html">Faq</a></li>
                        <li><a href="/page-how-it-works.html">How It Works</a></li>
                        <li><a href="/page-invoice.html">Invoice</a></li>
                        <li><a href="/login.html">Login/Register</a></li>
                        <li><a href="/page-pricing.html">Pricing</a></li>
                        <li><a href="/page-terms-and-policies.html">Terms And Policies</a></li>
                        <li><a href="/page-ui-element.html">UI Elements</a></li>
                    </ul>
                </li>
                <li><a href="#">Post a Job</a></li>
                <li><a class="text-thm" href="/login.html">Login/Register</a></li>
            </ul>
        </nav>
    </div>
    <!-- Home Design -->
    <section class="home-one parallax ulockd_bgih1" data-stellar-background-ratio="0.3">
        <div class="container">
            <div class="row home-content">
                <div class="col-lg-8">
                    <div class="home-text">
                        <h2 class="fz40" style="font-family: 宋体;">未来是你的，快来找一份你喜欢的工作吧</h2>
                        <p class="color-silver">每个月，有超过700万求职者在网站上寻找工作，每天产生超过16万份申请。</p>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="home-job-search-box mt20 mb20">
                        <form action="/position/searchPosition/" class="form-inline">
                            <div class="search_option_one">
                                <div class="form-group">
                                    <label for="exampleInputName"><span class="flaticon-search"></span></label>
                                    <input type="text" class="form-control h70" id="exampleInputName" name="position"
                                           placeholder="职位名称">
                                </div>
                            </div>
                            <div class="search_option_two">
                                <div class="form-group">
                                    <label for="exampleInputEmail"><span class="flaticon-location-pin"></span></label>
                                    <input type="text" class="form-control h70" id="exampleInputEmail" placeholder="位置"
                                           name="workplace">
                                </div>
                            </div>
                            <div class="search_option_button">
                                <button type="submit" class="btn btn-thm btn-secondary h70">搜索</button>
                            </div>
                        </form>
                    </div>
                    <p class="color-silver">
                        <span class="color-white">热门关键字:&nbsp;&nbsp;&nbsp;</span>
                        <span class="color-silver" th:each="position_name:${positionNames}">
                            <a class="color-silver" th:text="${position_name}"
                               th:href="@{/position/searchPosition}+'?position='+${position_name}"></a>
                            &nbsp;&nbsp;&nbsp;
                        </span>
                    </p>
                </div>
            </div>
        </div>
    </section>

    <!-- Popular Job Categories -->
    <section class="popular-job bgc-fa">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <div class="ulockd-main-title">
                        <h3 class="mt0">受欢迎的工作类别</h3>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6 col-lg-3">
                    <a href="/position/searchPosition?classification=广告创意" class="icon_hvr_img_box sbbg1"
                       style="background-image: url(images/service/1.jpg);">
                        <div class="overlay">
                            <div class="icon"><span class="flaticon-pen"></span></div>
                            <div class="details">
                                <h5>广告创意</h5>
                                <p th:text="' 空  缺  职  位 '+${artSum}+'  个'"></p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-sm-6 col-lg-3">
                    <a href="/position/searchPosition?classification=教育" class="icon_hvr_img_box sbbg2"
                       style="background-image: url(images/service/2.jpg);">
                        <div class="overlay">
                            <div class="icon"><span class="flaticon-mortarboard"></span></div>
                            <div class="details">
                                <h5>教育培训</h5>
                                <p th:text="' 空  缺  职  位 '+${eduSum}+'  个'"></p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-sm-6 col-lg-3">
                    <a href="/position/searchPosition?classification=会计" class="icon_hvr_img_box sbbg3"
                       style="background-image: url(images/service/3.jpg);">
                        <div class="overlay">
                            <div class="icon"><span class="flaticon-bars"></span></div>
                            <div class="details">
                                <h5>会计/财务</h5>
                                <p th:text="' 空  缺  职  位 '+${accountantSum}+'  个'"></p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-sm-6 col-lg-3">
                    <a href="/position/searchPosition?classification=人力资源" class="icon_hvr_img_box sbbg4"
                       style="background-image: url(images/service/4.jpg);">
                        <div class="overlay">
                            <div class="icon"><span class="flaticon-interview"></span></div>
                            <div class="details">
                                <h5>人力资源</h5>
                                <p th:text="' 空  缺  职  位 '+${hrSum}+'  个'"></p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-sm-6 col-lg-3">
                    <a href="/position/searchPosition?classification=工程师" class="icon_hvr_img_box sbbg5"
                       style="background-image: url(images/service/5.jpg);">
                        <div class="overlay">
                            <div class="icon"><span class="flaticon-antenna"></span></div>
                            <div class="details">
                                <h5>互联网</h5>
                                <p th:text="' 空  缺  职  位 '+${internetSum}+'  个'"></p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-sm-6 col-lg-3">
                    <a href="/position/searchPosition?classification=餐厅" class="icon_hvr_img_box sbbg6"
                       style="background-image: url(images/service/6.jpg);">
                        <div class="overlay">
                            <div class="icon"><span class="flaticon-food"></span></div>
                            <div class="details">
                                <h5>餐厅/食品服务</h5>
                                <p th:text="' 空  缺  职  位 '+${cateringSum}+'  个'"></p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-sm-6 col-lg-3">
                    <a href="/position/searchPosition?classification=建设" class="icon_hvr_img_box sbbg7"
                       style="background-image: url(images/service/7.jpg);">
                        <div class="overlay">
                            <div class="icon"><span class="flaticon-customer-support"></span></div>
                            <div class="details">
                                <h5>建设 / 设施</h5>
                                <p th:text="' 空  缺  职  位 '+${architectureSum}+'  个'"></p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-sm-6 col-lg-3">
                    <a href="/position/searchPosition?classification=健康" class="icon_hvr_img_box sbbg8"
                       style="background-image: url(images/service/8.jpg);">
                        <div class="overlay">
                            <div class="icon"><span class="flaticon-care"></span></div>
                            <div class="details">
                                <h5>健康</h5>
                                <p th:text="' 空  缺  职  位 '+${healthSum}+'  个'"></p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </section>


    <!-- Features Job List Design -->
    <section class="popular-job bgc-fa pb30">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="ulockd-main-title">
                        <h3 class="mt0">热招职位</h3>
                        <a class="text-thm float-right" href="/position/searchPosition">查看更多 <i
                                class="flaticon-right-arrow pl15"></i></a>
                    </div>
                </div>
            </div>
            <div class="row" th:each="position:${positions}">

                <div class="col-sm-12 col-lg-12">
                    <div class="fj_post">
                        <div class="details">
                            <h5 class="job_chedule text-thm mt0" th:text="${position.company_name}">Full Time</h5>
                            <div class="thumb fn-smd">
                                <img class="img-fluid" th:src="@{/images/partners/}+${position.logo}"
                                     th:alt="${position.logo}" alt="1.jpg">
                            </div>
                            <h4 th:text="${position.position}" style="font-family: 宋体">JEB Product Sales Specialist,
                                Russia & CIS</h4>
                            <p th:text="'发布时间： '+${#dates.format(position.release_date, 'yyyy-MM-dd')}">Posted 23
                                August by </p>
                            <p th:text="'发布人:  '+${position.contact}">Wiggle CRC</p>
                            <ul class="featurej_post">
                                <li class="list-inline-item"><span class="flaticon-location-pin"></span> <a href=""
                                                                                                            th:href="@{/position/searchPosition}+'?workplace='+${position.workplace}"
                                                                                                            th:text="'地点： '+${position.workplace}">Bothell,
                                    WA, USA</a></li>
                                <li class="list-inline-item"><span class="flaticon-price pl20"></span> <a href="#"
                                                                                                          th:text="'月薪： '+${position.salary}">$13.00
                                    - $18.00 per hour</a></li>
                            </ul>
                        </div>
                        <a class="btn btn-md btn-transparent float-right fn-smd" href="#"
                           th:href="@{/position/positionDetails/}+${position.position_id}"
                           style="font-family: 宋体">查看工作</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Browse Local Jobs -->
    <section class="job-location pb30">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="ulockd-main-title">
                        <h3 class="mt0">城市热招</h3>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6 col-lg-4">
                    <a href="/position/searchPosition?workplace=北京" class="job_loc_img_box">
                        <div class="thumb"><img class="img-fluid" src="/images/service/beijing.jpg" alt="beijing.jpg">
                        </div>
                        <div class="details">
                            <h4>北京</h4>
                            <h5>152,141</h5>
                        </div>
                    </a>
                </div>
                <div class="col-sm-6 col-lg-4">
                    <a href="/position/searchPosition?workplace=上海" class="job_loc_img_box">
                        <div class="thumb"><img class="img-fluid" src="/images/service/shanghai.jpg" alt="shanghai.jpg">
                        </div>
                        <div class="details">
                            <h4>上海</h4>
                            <h5>586,478</h5>
                        </div>
                    </a>
                </div>
                <div class="col-sm-6 col-lg-4">
                    <a href="/position/searchPosition?workplace=广州" class="job_loc_img_box">
                        <div class="thumb"><img class="img-fluid" src="/images/service/guangzhou.jpg"
                                                alt="guangzhou.jpg"></div>
                        <div class="details">
                            <h4>广州</h4>
                            <h5>15,258</h5>
                        </div>
                    </a>
                </div>
                <div class="col-sm-6 col-lg-4">
                    <a href="/position/searchPosition?workplace=深圳" class="job_loc_img_box">
                        <div class="thumb"><img class="img-fluid" src="/images/service/shenzhen.jpg" alt="shenzhen.jpg">
                        </div>
                        <div class="details">
                            <h4>深圳</h4>
                            <h5>152,141</h5>
                        </div>
                    </a>
                </div>
                <div class="col-sm-6 col-lg-4">
                    <a href="/position/searchPosition?workplace=杭州" class="job_loc_img_box">
                        <div class="thumb"><img class="img-fluid" src="/images/service/hangzhou.jpg" alt="hangzhou.jpg">
                        </div>
                        <div class="details">
                            <h4>杭州</h4>
                            <h5>586,478</h5>
                        </div>
                    </a>
                </div>
                <div class="col-sm-6 col-lg-4">
                    <a href="/position/searchPosition?workplace=南昌" class="job_loc_img_box">
                        <div class="thumb"><img class="img-fluid" src="/images/service/nanchang.jpg" alt="nanchang.jpg">
                        </div>
                        <div class="details">
                            <h4>南昌</h4>
                            <h5>15,258</h5>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- Our Footer Top Area -->
    <section class="footer_top_area p0">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-lg-2 pb25 pt25">
                    <div class="logo-widget">
                        <img class="img-fluid" src="/images/header-logo.png" alt="header-logo.png">
                    </div>
                </div>
                <div class="col-sm-12 col-lg-6 pb25 pt25 pl60 pr40 brdr_left_right">
                    <div class="row">
                        <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                            <div class="funfact_one">
                                <div class="timer">2,395</div>
                                <p>Jobs Added</p>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                            <div class="funfact_one">
                                <div class="timer">1,267</div>
                                <p>Jobs Posted</p>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                            <div class="funfact_one">
                                <div class="timer">1,095</div>
                                <p>Companies</p>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                            <div class="funfact_one">
                                <div class="timer">7,348</div>
                                <p>Freelancer</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-lg-4 pb25 pt25 pl30">
                    <div class="footer_social_widget mt15">
                        <p class="float-left mt10">Follow Us</p>
                        <ul>
                            <li class="list-inline-item"><a href="#"><i class="fa fa-facebook"></i></a></li>
                            <li class="list-inline-item"><a href="#"><i class="fa fa-twitter"></i></a></li>
                            <li class="list-inline-item"><a href="#"><i class="fa fa-instagram"></i></a></li>
                            <li class="list-inline-item"><a href="#"><i class="fa fa-pinterest"></i></a></li>
                            <li class="list-inline-item"><a href="#"><i class="fa fa-dribbble"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Our Footer -->
    <section class="footer_one">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-md-4 col-md-3 col-lg-2">
                    <div class="quick_link_widget">
                        <h4>Quick Links</h4>
                        <ul class="list-unstyled">
                            <li><a href="#">Job Packages</a></li>
                            <li><a href="#">Post New Job</a></li>
                            <li><a href="#">Jobs Listing</a></li>
                            <li><a href="#">Jobs Style Grid</a></li>
                            <li><a href="#">Employer Listing</a></li>
                            <li><a href="#">Employers Grid</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4 col-md-3 col-lg-3">
                    <div class="candidate_widget">
                        <h4>For Candidates</h4>
                        <ul class="list-unstyled">
                            <li><a href="#">User Dashboard</a></li>
                            <li><a href="#">CV Packages</a></li>
                            <li><a href="#">Candidate Listing</a></li>
                            <li><a href="#">Candidates Grid</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-4 col-md-4 col-md-3 col-lg-3">
                    <div class="employe_widget">
                        <h4>For Employers</h4>
                        <ul class="list-unstyled">
                            <li><a href="#">Post New</a></li>
                            <li><a href="#">Job Employer Listing</a></li>
                            <li><a href="#">Employers Grid</a></li>
                            <li><a href="#">Job Packages</a></li>
                            <li><a href="#">Jobs Listing</a></li>
                            <li><a href="#">Jobs Style Grid</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-8 col-md-6 col-md-3 col-lg-4">
                    <div class="newsletter_widget">
                        <h4>Newsletter</h4>
                        <p>Subscribe to CareerUp Pacific newsletter to get the latest jobs posted, candidates ,and other
                            latest news stay updated.</p>
                        <form class="form-inline mailchimp_form">
                            <label class="sr-only" for="inlineFormInputMail2">Name</label>
                            <input type="text" class="form-control mb-2 mr-sm-2" id="inlineFormInputMail2"
                                   placeholder="Enter your email address">
                            <button type="submit" class="btn btn-primary mb-2"><span class="fa fa-paper-plane-o"></span>
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Our Footer Bottom Area -->
    <section class="footer_bottom_area p0">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 pb10 pt10">
                    <div class="copyright-widget tac-smd mt20">
                        <p>© 2019 CareerUp. All Rights <a href="/http://www.51qianduan.com//"
                                                          title="17sucai">Reserved</a>.</p>
                    </div>
                </div>
                <div class="col-lg-8 pb10 pt10">
                    <div class="footer_menu text-right mt10">
                        <ul>
                            <li class="list-inline-item"><a href="/page-terms-and-policies.html">Site Map</a></li>
                            <li class="list-inline-item"><a href="/page-terms-and-policies.html">Privacy Policy</a></li>
                            <li class="list-inline-item"><a href="/page-terms-and-policies.html">Terms of Service</a>
                            </li>
                            <li class="list-inline-item"><a href="/page-terms-and-policies.html">Security & Privacy</a>
                            </li>
                            <li class="list-inline-item">
                                <select class="selectpicker show-tick">
                                    <option>English</option>
                                    <option>Frenc</option>
                                    <option>Italian</option>
                                    <option>Spanish</option>
                                    <option>Turkey</option>
                                </select>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

    </section>
    <a class="scrollToHome" href="#"><i class="flaticon-rocket-launch"></i></a>
</div>
<!-- Wrapper End -->
<script type="text/javascript" src="/js/jquery-3.3.1.js"></script>
<script type="text/javascript" src="/js/jquery-migrate-3.0.0.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/jquery.mmenu.all.js"></script>
<script type="text/javascript" src="/js/ace-responsive-menu.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.min.js"></script>
<script type="text/javascript" src="/js/snackbar.min.js"></script>
<script type="text/javascript" src="/js/simplebar.js"></script>
<script type="text/javascript" src="/js/parallax.js"></script>
<script type="text/javascript" src="/js/scrollto.js"></script>
<script type="text/javascript" src="/js/jquery-scrolltofixed-min.js"></script>
<script type="text/javascript" src="/js/jquery.counterup.js"></script>
<script type="text/javascript" src="/js/wow.min.js"></script>
<script type="text/javascript" src="/js/progressbar.js"></script>
<script type="text/javascript" src="/js/slider.js"></script>
<script type="text/javascript" src="/js/timepicker.js"></script>
<!-- Custom script for all pages -->
<script type="text/javascript" src="/js/script.js"></script>
<!--验证码-->
<script type="text/javascript" src="/js/verify.js"></script>
<script type="text/javascript">
    $('.mpanel3').codeVerify({
        type: 2,
        figure: 100,	//位数，仅在type=2时生效
        arith: 0,	//算法，支持加减乘，不填为随机，仅在type=2时生效
        width: '200px',
        height: '50px',
        fontSize: '30px',
        btnId: 'check-btn2',
        ready: function () {
        },
        success: function () {
            // alert("验证码正确");
            $.post("/user/login", $("#login-form1").serialize(), function (data) {
                console.log(data);
                console.log($("#message").text());
                if (data == 'true') {
                    window.location.href = "/user/index";
                } else {
                    alert("登录失败，邮箱或密码错误");
                }
            })
        },
        error: function () {
            alert('验证码不正确！');
        }
    });
    $('.mpanel33').codeVerify({
        type: 2,
        figure: 100,	//位数，仅在type=2时生效
        arith: 0,	//算法，支持加减乘，不填为随机，仅在type=2时生效
        width: '200px',
        height: '50px',
        fontSize: '30px',
        btnId: 'check-btn22',
        ready: function () {
        },
        success: function () {
            alert('验证匹配！');
        },
        error: function () {
            alert('验证码不匹配！');
        }
    });
</script>
</body>
</html>